<template>
	<div class="header" id="headerNav">
		<div class="header-bg">
		    <div class="zuanshi-logo">
		        <a href="javascript:;">
              <img src="./logo.png" alt="" style="width: 80px;">
		        </a>
			</div>
			<ul class="nav-list">
				<li v-for="(o,i) in nav">
					<a href="javascript:;" :class="{'active':o.text==active}" @click="toPage(o)">{{ o.text }}</a>
				</li>
			</ul>
			<ul class="top-panel" >
		        <li class="name" >
					<!-- {{ users }} -->
		            <el-select v-model="shop"  @change="slectChange" placeholder="请选择">
						<el-option
						v-for="item in options"
						:key="item.shop_key"
						:label="item.shop_name"
						:value="item.shop_key">
						</el-option>
					</el-select>
  					<a title="退出" @click="signOut" style="color:#ffffff;margin-left:14px;">退出</a>
		        </li>
		        <li class="pr">
		            <a href="javascript:;">
		                <!-- <n3-icon type="envelope-o"></n3-icon> -->
		                <!-- <span class="font-tahoma bold">8</span> -->
		            </a>
		        </li>
		        <!--<li><a href="javascript:;" title="产品介绍" class="iconfont s_fc_f_h">Ũ</a></li>-->
		    </ul>
		</div>
	</div>
</template>
<style src="./style.css" scoped lang="less"></style>
<script src="./script.js"></script>
